.banner{
  background: url("/static/img/banner.jpg");
  width:100%;
  height: 600px;
.cont {
  max-width: 1000px;
  margin:0 auto;
  position: relative;
  .title{
    position: absolute;
    top:152px;
    left: 0;
    h3,h4{
      margin: 0;
      font-size: 80px;
      font-weight: 400;
      color: #fff;
    }
    h4{
      font-size: 46px;
    }
  }
  .amount{
    position: absolute;
    right: 20px;
    top:330px;
    color:#ff7f21;
    font-size: 18px;
    line-height: 50px;
    p{
      margin: 0;
      span{
        display: inline-block;
        width:60px;
        font-weight: 400;
      }
      b{
        font-weight: 400;
      }
    }
  }
}
}
.articles-content{
  max-width: 1000px;
  margin: 0 auto;
  margin-top:100px;
  padding-bottom: 160px;
  .article-menu{
    margin: 0;
    padding: 0;
    &:after{
      content:"";
      width:0;
      height: 0;
      display: block;
      visibility: hidden;
      clear: both;
    }
    li{
      list-style: none;
      float: left;
      &:last-of-type span{
        display: none;
      }
      a{
        text-decoration: none;
        color: #000;
      }
      span{
        font-size: 14px;
        color:#999;
        margin:0 16px;
      }
      .router-link-active{
        color:#ff7f21;
      }
    }
  }
}
